<!--
 * @Author: yaoling 1871883713@qq.com
 * @Date: 2022-10-20 18:11:21
 * @LastEditors: yaoling 1871883713@qq.com
 * @LastEditTime: 2022-12-12 14:31:40
 * @FilePath: \company-world\src\views\userManagement\index.vue
 * @Description: 用户管理
-->
<template>
  <div class="document-center">
    <div class="left-tree">
      <LeftTree></LeftTree>
    </div>
    <div class="right-content">
      <RightContent></RightContent>
    </div>
  </div>
</template>

<script lang="ts" setup>
import LeftTree from './components/LeftTree.vue'
import RightContent from './components/RightContent.vue'

</script>

<style lang="less" scoped>
.document-center {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  .left-tree {
    min-width: 230px;
  }
  .right-content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
</style>
